@import "mixin";

.bjs-collapse {
  margin-left: 10px;

  [data-theme="night"] & {
  border-top: 1px solid $theme-color-night-dark;
  border-bottom: 1px solid $theme-color-night-dark;
  }

  /deep/ .el-collapse-item__header {
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    color: $theme-color-light;
    [data-theme="night"] & {
      color: $theme-color-night-dark;
      background-color: $theme-bg-color-night;
      border-bottom: 1px solid $theme-color-night-dark;
    }
  }

  /deep/ .el-collapse-item__wrap {
    [data-theme="night"] & {
      background-color: $theme-bg-color-night;
      border-bottom: 1px solid $theme-bg-color-night;
    }
  }

  /deep/ .el-collapse-item__content {
    font-size: 12px;
    [data-theme="night"] & {
      background-color: $theme-bg-color-night;
    }
  }
}
